<template>
	
</template>

<script>
	export default {
		components: {},
		props: {},
		data() {
			return {};
		},

		methods: {},
	};
</script>

<style scoped lang="scss">
	.mt-9 {
		margin-top: 18rpx;
	}

	.mt-13 {
		margin-top: 26rpx;
	}

	.mt-41 {
		margin-top: 82rpx;
	}

	.mt-7 {
		margin-top: 14rpx;
	}

	.page {
		padding: 60rpx 16rpx 640rpx;
		background-color: #ffffff;
		width: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		height: 100%;

		.section {
			background-image: linear-gradient(66.9deg, #007aff 1.5%, #309cff 98.1%);
			border-radius: 16.1rpx;
			height: 331.94rpx;

			.section_2 {
				padding: 20rpx 0 0;
				background-image: url('/static/working_table/60e55b212a6e45030e479aa1e819caa2.png');
				background-size: 100% 100%;
				background-repeat: no-repeat;

				.group {
					padding-left: 56rpx;
					padding-right: 52rpx;

					.text {
						line-height: 22.46rpx;
					}

					.text_3 {
						color: #ffffff;
						font-size: 64rpx;
						font-family: DIN;
						font-weight: 700;
					}

					.text-wrapper {
						padding: 16rpx 0;
						background-color: #ffffff;
						border-radius: 10rpx;
						box-shadow: 0rpx 8rpx 14rpx -2rpx #2964ff40;
						width: 144rpx;
						height: 64rpx;
						margin-top: 30rpx;

						.text_2 {
							color: #2061ff;
							font-size: 30rpx;
							line-height: 27.66rpx;
						}
					}
				}

				.equal-division {
					padding: 0 8rpx;

					.group_2 {
						flex: 1 1 332.48rpx;

						.font_3 {
							font-size: 48rpx;
							font-family: DIN;
							font-weight: 700;
							color: #ffffff;
							margin-top: 20rpx;
						}
					}

					.equal-division-item {
						padding: 12rpx 40rpx;
					}
				}

				.font {
					font-size: 24rpx;
					font-family: 苹方;
					line-height: 22.1rpx;
					color: #ffffff;
					margin-top: 16rpx;
				}
			}
		}

		.text_4 {
			margin-left: 24rpx;
			color: #000000;
			font-size: 32rpx;
			font-family: 苹方;
			line-height: 29.6rpx;
		}

		.grid {
			height: 528rpx;
			display: grid;
			grid-template-rows: repeat(3, minmax(0, 1fr));
			grid-template-columns: repeat(4, minmax(0, 1fr));
			row-gap: 0;
			column-gap: 0;

			.grid-item {
				padding: 24rpx 0;

				.image {
					border-radius: 50%;
					width: 80rpx;
					height: 80rpx;
				}
			}
		}

		.font_2 {
			font-size: 28rpx;
			font-family: 苹方;
			line-height: 25.9rpx;
			color: #000000;
		}
	}
</style>